<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="shortcut icon" href="../ff.ico">
    <link rel="stylesheet" href="../Pear-Admin-Layui/component/pear/css/pear.css"/>
    <link rel="stylesheet" href="../css/my.css"/>
</head>
<style>
    .chun {

    }

    .layui-col-md9 {
        line-height: 90px;
        text-align: center;
        font-size: 20px;
        font-family: "Comic Sans MS", serif;
    }
</style>
<body>
<body class="pear-container">
<div class="layui-row layui-col-space10">
    <div class="layui-col-md4">
        <div class="layui-card shadow">
            <div class="layui-card-header">资产
                <button class="pear-btn pear-btn-xs mymoney">
                    <i class="layui-icon layui-icon-add-1"></i>
                </button>
            </div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space10">
                    <div class="layui-col-md9 money">
                        55555
                    </div>
                    <div class="layui-col-md3">
                        <svg t="1613480847654" class="icon width50 height100" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="2222" width="200" height="200">
                            <path d="M85.333333 85.333333h853.333334v853.333334H85.333333z" fill="#FFFFFF"
                                  p-id="2223"></path>
                            <path d="M907.648 221.226667c17.322667 0 31.018667-11.306667 31.018667-25.258667 0-14.08-13.909333-25.301333-31.018667-25.301333H392.448c-17.322667 0-31.018667 11.306667-31.018667 25.301333 0 14.037333 13.866667 25.258667 31.018667 25.258667h515.2z m0 101.162666c17.322667 0 31.018667-11.349333 31.018667-25.301333 0-14.08-13.909333-25.301333-31.018667-25.301333H392.448c-17.322667 0-31.018667 11.349333-31.018667 25.301333 0 5.930667 2.432 11.349333 6.613334 15.658667 11.776 2.517333 23.381333 5.717333 34.773333 9.642666h504.832z m1.066667 101.12c16.725333 0 29.952-11.306667 29.952-25.301333 0-14.037333-13.44-25.258667-29.952-25.258667h-421.802667c20.48 14.421333 38.314667 31.488 52.736 50.56h369.066667z m-424.405334 379.264c-28.202667 19.712-61.397333 34.56-97.792 42.88 5.461333 4.736 13.141333 7.68 21.674667 7.68h500.352c16.810667 0 30.122667-11.306667 30.122667-25.301333 0-14.037333-13.482667-25.258667-30.122667-25.258667h-424.234667z m423.424-114.773333h-359.637333A280.149333 280.149333 0 0 1 512 752.213333h395.733333c17.28 0 30.933333-14.378667 30.933334-32.085333 0-17.877333-13.866667-32.128-30.933334-32.128z m0-149.76c17.28 0 30.933333-14.336 30.933334-32.085333 0-17.834667-13.866667-32.085333-30.933334-32.085334h-359.637333c8.149333 20.309333 14.037333 41.813333 17.365333 64.170667l0.128 0.426667 342.144-0.426667z m0 106.965333c17.28 0 30.933333-14.336 30.933334-32.085333 0-17.834667-13.866667-32.085333-30.933334-32.085333l-339.157333 0.298666c0 21.973333-2.474667 43.392-7.125333 63.872h346.282666z"
                                  fill="#E4E4E4" p-id="2224"></path>
                            <path d="M290.304 626.432v-60.288H185.728v-40.192h62.762667l-49.493334-82.346667 36.224-20.096 61.568 102.442667h28.885334l61.568-102.442667 36.181333 20.096-49.450667 82.346667h62.72v40.192H332.117333v60.288h104.576v40.192H332.117333v60.288h-41.813333v-60.288H185.728v-40.192h104.576z m20.906667 176.341333c124.757333 0 225.877333-101.888 225.877333-227.584 0-125.653333-101.12-227.541333-225.877333-227.541333S85.333333 449.536 85.333333 575.189333c0 125.696 101.12 227.584 225.877334 227.584z"
                                  fill="#FFCC00" p-id="2225"></path>
                        </svg>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="layui-col-md4">
        <div class="layui-card shadow">
            <div class="layui-card-header">今日支出
                <button class="pear-btn pear-btn-xs myout">
                    <i class="layui-icon layui-icon-add-1"></i>
                </button>
            </div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space10">
                    <div class="layui-col-md9 out">
                        555
                    </div>
                    <div class="layui-col-md3">
                        <svg t="1613481602921" class="icon width50 height100" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="4370" width="200" height="200">
                            <path d="M7.912727 504.669091v0.023273c0 276.712727 224.279273 501.015273 500.992 501.015272s501.015273-224.302545 501.015273-501.015272v-0.046546c0-276.712727-224.325818-501.015273-501.015273-501.015273C232.192 3.630545 7.889455 227.933091 7.889455 504.645818v0.023273z"
                                  fill="#FFC301" p-id="4371"></path>
                            <path d="M500.177455 780.567273c-154.461091 0-280.157091-125.160727-280.157091-278.923637 0-153.809455 125.696-278.923636 280.157091-278.923636a20.945455 20.945455 0 0 1 20.968727 20.875636 20.968727 20.968727 0 0 1-20.968727 20.898909c-131.304727 0-238.126545 106.333091-238.126546 237.056s106.821818 237.149091 238.126546 237.149091c131.304727 0 238.126545-106.333091 238.126545-237.079272a20.968727 20.968727 0 1 1 41.937455 0c0.093091 153.809455-125.626182 278.923636-280.040728 278.923636l-0.023272 0.046545z"
                                  fill="#FFFFFF" p-id="4372"></path>
                            <path d="M584.238545 481.745455h-168.145454a20.945455 20.945455 0 0 1-20.945455-20.89891 20.945455 20.945455 0 0 1 20.945455-20.898909H584.145455a20.898909 20.898909 0 0 1 0.069818 41.774546z m0 80.872727h-168.145454a20.945455 20.945455 0 0 1-20.945455-20.898909 20.945455 20.945455 0 0 1 20.945455-20.898909H584.145455a20.898909 20.898909 0 1 1 0.069818 41.797818z"
                                  fill="#FFFFFF" p-id="4373"></path>
                            <path d="M500.177455 646.306909a20.945455 20.945455 0 0 1-20.968728-20.875636V458.007273a20.968727 20.968727 0 1 1 41.937455 0v167.330909a20.968727 20.968727 0 0 1-20.968727 20.945454z"
                                  fill="#FFFFFF" p-id="4374"></path>
                            <path d="M500.177455 467.781818a20.805818 20.805818 0 0 1-14.824728-6.120727l-69.399272-68.957091a20.898909 20.898909 0 0 1 0-29.602909 21.108364 21.108364 0 0 1 29.742545 0l69.306182 69.003636a20.898909 20.898909 0 0 1-14.824727 35.723637V467.781818z"
                                  fill="#FFFFFF" p-id="4375"></path>
                            <path d="M500.177455 467.781818a20.898909 20.898909 0 0 1-14.824728-35.700363l69.306182-69.003637a21.108364 21.108364 0 0 1 29.719273 0 20.898909 20.898909 0 0 1 0 29.579637l-69.376 69.003636a20.805818 20.805818 0 0 1-14.824727 6.144z m271.592727-134.237091a20.805818 20.805818 0 0 1-14.824727-6.120727l-69.28291-69.026909a20.898909 20.898909 0 0 1 0-29.556364 21.108364 21.108364 0 0 1 29.696 0L786.618182 297.890909a20.898909 20.898909 0 0 1-14.801455 35.653818z"
                                  fill="#FFFFFF" p-id="4376"></path>
                            <path d="M702.464 402.618182a20.898909 20.898909 0 0 1-14.801455-35.700364l69.28291-69.026909a21.108364 21.108364 0 0 1 29.719272 0 20.898909 20.898909 0 0 1 0 29.579636l-69.282909 69.02691a21.341091 21.341091 0 0 1-14.894545 6.144z"
                                  fill="#FFFFFF" p-id="4377"></path>
                            <path d="M767.930182 333.568H627.898182a20.945455 20.945455 0 0 1-20.992-20.898909 20.945455 20.945455 0 0 1 20.992-20.898909h140.008727a20.898909 20.898909 0 0 1 0 41.774545h0.023273z"
                                  fill="#FFFFFF" p-id="4378"></path>
                        </svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-col-md4">
        <div class="layui-card shadow">
            <div class="layui-card-header">今日收入
                <button class="pear-btn pear-btn-xs myin">
                    <i class="layui-icon layui-icon-add-1"></i>
                </button>
            </div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space10">
                    <div class="layui-col-md9 in">
                        0
                    </div>
                    <div class="layui-col-md3">
                        <svg t="1613480887873" class="icon width50 height100" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="3166" width="200" height="200">
                            <path d="M503.467 868.267c-119.467 0-209.067-27.734-264.534-85.334C196.267 736 179.2 678.4 181.333 599.467c0-106.667 66.134-206.934 187.734-290.134 6.4-4.266 12.8-12.8 12.8-21.333 2.133-8.533 0-17.067-6.4-25.6-25.6-32-42.667-61.867-53.334-81.067 34.134 6.4 83.2 17.067 125.867 17.067 23.467 0 44.8-4.267 64-10.667 74.667-23.466 125.867-32 164.267-32 23.466 0 42.666 4.267 59.733 12.8h2.133L736 172.8c-12.8 23.467-38.4 55.467-81.067 93.867-6.4 6.4-10.666 14.933-10.666 25.6 0 8.533 4.266 19.2 12.8 23.466 83.2 61.867 194.133 162.134 185.6 307.2-8.534 166.4-117.334 247.467-334.934 247.467h-4.266z"
                                  fill="#FFD084" p-id="3167"></path>
                            <path d="M678.4 187.733h8.533c-12.8 14.934-32 34.134-53.333 53.334-14.933 12.8-21.333 32-21.333 51.2 0 19.2 10.666 36.266 25.6 49.066 123.733 91.734 179.2 181.334 172.8 279.467-8.534 147.2-104.534 217.6-302.934 217.6h-4.266c-108.8 0-189.867-25.6-241.067-74.667-36.267-40.533-51.2-91.733-49.067-160v-4.266c0-119.467 93.867-209.067 174.934-262.4 14.933-10.667 25.6-25.6 27.733-42.667 2.133-17.067-2.133-36.267-12.8-49.067-4.267-6.4-10.667-12.8-14.933-19.2 21.333 2.134 42.666 4.267 61.866 4.267 27.734 0 51.2-6.4 72.534-10.667h2.133c72.533-23.466 119.467-32 153.6-32m0-64c-46.933 0-104.533 12.8-172.8 34.134-19.2 4.266-38.4 8.533-55.467 8.533C384 166.4 294.4 142.933 294.4 142.933s-4.267 0-8.533 4.267-4.267 8.533-4.267 14.933c0 4.267 19.2 55.467 70.4 121.6-132.267 89.6-202.667 198.4-202.667 315.734-4.266 89.6 19.2 155.733 66.134 206.933 61.866 61.867 155.733 93.867 288 93.867h4.266c85.334 0 354.134-4.267 366.934-277.334C883.2 467.2 770.133 358.4 676.267 288c46.933-42.667 74.666-74.667 89.6-104.533L774.4 160c4.267-4.267 0-8.533-4.267-14.933l-19.2-8.534c-19.2-8.533-44.8-12.8-72.533-12.8z"
                                  fill="#FF9F69" p-id="3168"></path>
                            <path d="M590.933 563.2H433.067c-17.067 0-32-14.933-32-32s14.933-32 32-32h157.866c17.067 0 32 14.933 32 32s-14.933 32-32 32z m0 83.2H433.067c-17.067 0-32-14.933-32-32s14.933-32 32-32h157.866c17.067 0 32 14.933 32 32s-14.933 32-32 32z"
                                  fill="#FFFFFF" p-id="3169"></path>
                            <path d="M512 552.533c-8.533 0-17.067-2.133-23.467-8.533-12.8-12.8-12.8-32 0-44.8l64-64c12.8-12.8 32-12.8 44.8 0s12.8 32 0 44.8l-64 64c-4.266 6.4-12.8 8.533-21.333 8.533z"
                                  fill="#FFFFFF" p-id="3170"></path>
                            <path d="M512 552.533c-8.533 0-17.067-2.133-23.467-8.533l-64-64c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l64 64c12.8 12.8 12.8 32 0 44.8-4.266 6.4-12.8 8.533-21.333 8.533z"
                                  fill="#FFFFFF" p-id="3171"></path>
                            <path d="M512 714.667c-17.067 0-32-14.934-32-32V546.133c0-17.066 14.933-32 32-32s32 14.934 32 32v136.534c0 17.066-14.933 32-32 32z"
                                  fill="#FFFFFF" p-id="3172"></path>
                        </svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="layui-row" style="margin-top: 10px">
    <div class="layui-card shadow">
        <div class="layui-card-body chun ">
            <table id="user-table" lay-filter="user-table"></table>
        </div>
    </div>
</div>

</body>

<script type="text/html" id="user-toolbar">
    <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
        <i class="layui-icon layui-icon-add-1"></i>
        新增
    </button>
    <button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
        <i class="layui-icon layui-icon-delete"></i>
        删除
    </button>
</script>

<script type="text/html" id="user-bar">
<!--    <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>-->
<!--    </button>-->
    <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i>
    </button>
</script>

<script src="../Pear-Admin-Layui/component/layui/layui.js"></script>
<script src="../Pear-Admin-Layui/component/pear/pear.js"></script>
<script>
    layui.use(['table', 'form', 'jquery'], function () {
        let table = layui.table;
        let form = layui.form;
        let $ = layui.jquery;


        let cols = [[
            // {type: 'checkbox'},
            {title: '类型', field: 'type', align: 'center'},
            {title: '明细', field: 'userType', align: 'center'},
            {title: '金额', field: 'money', align: 'center'},
            {title: '创建时间', field: 'createTime', align: 'center'},
            // {title: '更新时间', field: 'updateTime', align: 'center', width: 180},
            {title: '操作', toolbar: '#user-bar', align: 'center', width: 130}
        ]]

        table.render({
            elem: '#user-table',
            url: '/moneydetail/list',
            page: true,
            method: 'get',
            cols: cols,
            skin: 'line'
            , done: function (res, curr, count) {
                //如果是异步请求数据方式，res即为你接口返回的信息。
                //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                console.log(res);
                //存储页面数据量
                localStorage.setItem("dataLength", res.data.length);
                localStorage.setItem("curr", curr);
                //得到数据总量
                console.log(count);
            }
        });
        // 表格每行按钮
        table.on('tool(user-table)', function (obj) {
            if (obj.event === 'remove') {
                window.remove(obj);
            } else if (obj.event === 'edit') {
                window.edit(obj);
            }
        });
        // 表格头部按钮
        table.on('toolbar(user-table)', function (obj) {
            if (obj.event === 'add') {
                window.add();
            } else if (obj.event === 'refresh') {
                window.refresh();
            } else if (obj.event === 'batchRemove') {
                window.batchRemove(obj);
            }
        });
        // 监听查询表单的提交
        form.on('submit(user-query)', function (data) {
            table.reload('user-table', {
                url: '/goods/list',
                where: {name: $("input[name='name']").val()}
            })
            return false;
        });

        money();
        detail();

        // 资产
        function money() {
            $.ajax({
                url: "/money/show",
                type: "get",
                dataType: "json",
                success: function (res) {
                    $(".money").html(res.data.money);
                }
            });
        }

        // 收入支出
        function detail() {
            $.ajax({
                url: "/moneydetail/show",
                type: "get",
                dataType: "json",
                success: function (res) {
                    $(".in").html(res.data.in);
                    $(".out").html(res.data.out);
                }
            });
        }

        // 重置
        $("#reset").on('click', function () {
            $("input[name='name']").val('');
            table.reload('user-table', {
                url: '/goods/list'
                , where: {name: null}
                , page: {curr: 1}
                , method: 'post'
            });
            return false;
        })
        var index1;
        // 添加物品
        window.add = function () {
            index1 = layer.open({
                type: 1,
                content: $(".opens"),
                // 点击遮罩关闭层这里不应该启用
                area: ['388px', '339px'],
                cancel: function () {
                },
                end: function () {
                },
                success: function () {
                    form.val("xxx", {
                        // 添加前清空值
                        "goodId": ""
                        , "goodName": ""
                        , "quantity": ""
                        , "goodPlace": ""
                        , "detail": ""
                    });
                }
            });
        }
        var index3, index4, index5;
        // 收入弹窗
        $(".myin").on('click', function () {
            index3 = layer.open({
                type: 1,
                content: $(".open2"),
                shadeClose: true,
                area: ['388px', '220px'],
                cancel: function () {
                },
                success: function () {
                },
                end: function () {
                }
            });
        })
        // 支出弹窗
        $(".myout").on('click', function () {
            index4 = layer.open({
                type: 1,
                content: $(".open3"),
                shadeClose: true,
                title: "添加支出",
                area: ['388px', '220px'],
                // 点击右上角的回调
                cancel: function () {
                },
                success: function () {
                },
                end: function () {

                }
            });
        })
        // 资产弹窗
        $(".mymoney").on('click', function () {
            index5 = layer.open({
                type: 1,
                title: "添加资产",
                content: $(".open1"),
                shadeClose: true,
                area: ['390px', '170px']
            });
        })

        // 编辑物品
        window.edit = function (obj) {
            var data = obj.data;
            console.log(obj);
            index1 = layer.open({
                type: 1,
                content: $(".opens"),
                // 点击遮罩关闭层这里不应该启用
                area: ['388px', '339px'],
                // 点击右上角的回调
                cancel: function () {
                    // 模拟点击确定不会跳转页面
                    $(".layui-laypage-btn").trigger('click');
                },
                success: function () {
                    form.val("xxx", {
                        "goodId": data.goodId
                        , "goodName": data.goodName
                        , "quantity": data.quantity
                        , "goodPlace": data.goodPlace
                        , "detail": data.detail
                    });
                },
                end: function () {
                    // 模拟点击确定不会跳转页面
                    $(".layui-laypage-btn").trigger('click');
                }
            });
        }
        // 监听资产的提交
        form.on('submit(formDemo)', function (data) {
            $.ajax({
                url: "/money/insertOrUpdate",
                type: "post",
                dataType: "json",
                data: {
                    money: data.field.money1
                },
                success: function (res) {
                    money();
                    layer.close(index5);
                }
            });
            return false;
        });
        // 监听收入的提交
        form.on('submit(formDemo2)', function (data) {
            $.ajax({
                url: "/moneydetail/in",
                type: "post",
                dataType: "json",
                data: {
                    userType: data.field.type2,
                    money: data.field.money2
                },
                success: function (res) {
                    money();
                    detail();
                    layer.close(index3);
                    table.render({
                        elem: '#user-table',
                        url: '/moneydetail/list',
                        page: true,
                        method: 'get',
                        cols: cols,
                        skin: 'line'
                        , done: function (res, curr, count) {
                            //如果是异步请求数据方式，res即为你接口返回的信息。
                            //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                            console.log(res);
                            //存储页面数据量
                            localStorage.setItem("dataLength", res.data.length);
                            localStorage.setItem("curr", curr);
                            //得到数据总量
                            console.log(count);
                        }
                    });
                }
            });
            return false;
        });
        // 支出的提交
        form.on('submit(formDemo3)', function (data) {
            $.ajax({
                url: "/moneydetail/out",
                type: "post",
                dataType: "json",
                data: {
                    userType: data.field.type3,
                    money: data.field.money3
                },
                success: function (res) {
                    money();
                    detail();
                    layer.close(index4);
                    table.render({
                        elem: '#user-table',
                        url: '/moneydetail/list',
                        page: true,
                        method: 'get',
                        cols: cols,
                        skin: 'line'
                        , done: function (res, curr, count) {
                            //如果是异步请求数据方式，res即为你接口返回的信息。
                            //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                            console.log(res);
                            //存储页面数据量
                            localStorage.setItem("dataLength", res.data.length);
                            localStorage.setItem("curr", curr);
                            //得到数据总量
                            console.log(count);
                        }
                    });
                }
            });
            return false;
        });

        // 单个删除
        window.remove = function (obj) {
            console.log(obj.data.goodId)
            console.log(obj)
            layer.confirm('确定要删除该物品', {
                icon: 3,
                title: '提示'
            }, function (index) {
                $.ajax({
                    url: "/moneydetail/deleteOne",
                    data: {id: obj.data.id},
                    dataType: 'json',
                    type: 'delete',
                    success: function (result) {
                        money();
                        detail();
                        if (result.code == 0) {
                            // 根据不同情况跳转页面
                            if (localStorage.getItem("dataLength") == 1) {
                                table.reload('user-table', {
                                    url: '/moneydetail/list'
                                    , where: {}
                                    , page: {
                                        curr: localStorage.getItem("curr") - 1 // 我尝试过只有1页一条删除没问题
                                    },
                                    method: 'get'
                                });
                            } else {
                                $(".layui-laypage-btn").trigger('click');
                            }
                            layer.msg(result.msg, {
                                icon: 1,
                                time: 1000
                            });
                        } else {
                            layer.msg(result.msg, {
                                icon: 2,
                                time: 1000
                            });
                        }
                    }
                })
            });
        }

        // 批量删除
        window.batchRemove = function (obj) {
        }

    })
</script>
</body>
<!-- 弹出层 -->
<div class="open1" style="display: none">
    <form class="layui-form" action="" lay-filter="xxx1" style="margin: 15px">
        <div class="layui-form-item" style="display: none">
            <label class="layui-form-label"></span>id</label>
            <div class="layui-input-inline">
                <input type="text" name="id" lay-verify="" placeholder="请输入" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: red;margin-right: 1px">*</span>资产</label>
            <div class="layui-input-inline">
                <input type="text" name="money1" lay-verify="required" placeholder="请输入" autocomplete="off"
                       class="layui-input" style="border-radius: 4px">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo"
                        style="font-size: 14px;background-color: #44ca73;border-radius: 5px"><i
                        class="layui-icon layui-icon-ok-circle" style="font-size: 14px"></i>立即提交
                </button>
            </div>
        </div>
    </form>
</div>
<!-- 收入 -->
<div class="open2" style="display: none">
    <form class="layui-form" action="" lay-filter="xxx2" style="margin: 15px">
        <div class="layui-form-item" style="display: none">
            <label class="layui-form-label"></span>id</label>
            <div class="layui-input-inline">
                <input type="text" name="id2" lay-verify="" placeholder="请输入" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: red;margin-right: 1px">*</span>金额</label>
            <div class="layui-input-inline">
                <input type="text" name="money2" lay-verify="required" placeholder="请输入" autocomplete="off"
                       class="layui-input" style="border-radius: 4px">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: red;margin-right: 1px">*</span>类型</label>
            <div class="layui-input-inline">
                <input type="text" name="type2" lay-verify="required" placeholder="请输入" autocomplete="off"
                       class="layui-input" style="border-radius: 4px">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo2"
                        style="font-size: 14px;background-color: #44ca73;border-radius: 5px"><i
                        class="layui-icon layui-icon-ok-circle" style="font-size: 14px"></i>立即提交
                </button>
            </div>
        </div>
    </form>
</div>
<!-- 支出 -->
<div class="open3" style="display: none">
    <form class="layui-form" action="" lay-filter="xxx3" style="margin: 15px">
        <div class="layui-form-item" style="display: none">
            <label class="layui-form-label"></span>id</label>
            <div class="layui-input-inline">
                <input type="text" name="id3" lay-verify="" placeholder="请输入" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: red;margin-right: 1px">*</span>金额</label>
            <div class="layui-input-inline">
                <input type="text" name="money3" lay-verify="required" placeholder="请输入" autocomplete="off"
                       class="layui-input" style="border-radius: 4px">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: red;margin-right: 1px">*</span>类型</label>
            <div class="layui-input-inline">
                <input type="text" name="type3" lay-verify="required" placeholder="请输入" autocomplete="off"
                       class="layui-input" style="border-radius: 4px">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo3"
                        style="font-size: 14px;background-color: #44ca73;border-radius: 5px"><i
                        class="layui-icon layui-icon-ok-circle" style="font-size: 14px"></i>立即提交
                </button>
            </div>
        </div>
    </form>
</div>
</html>
